<template>
    <div class="page-container">
        <header-nav/>
        <media :query="{maxWidth: 768}">
            <div class="m-box">
                <div class="m-box-hurdle">
                    <router-link class="m-box-hurdle-item" to="minEnrollInfo">
                        <span>我的报名信息</span>
                        <van-icon name="arrow"></van-icon>
                    </router-link>
                    <router-link class="m-box-hurdle-item" to="minTicket">
                        <span>我的票证</span>
                        <van-icon name="arrow"></van-icon>
                    </router-link>
                </div>
                <!-- <div class="m-box-hurdle">
                    <div class="m-box-hurdle-item">
                        <span>设置</span>
                        <van-icon name="arrow"></van-icon>
                    </div>
                    <div class="m-box-hurdle-item">
                        <span>返回我的小程序</span>
                        <van-icon name="arrow"></van-icon>
                    </div>
                </div> -->
                <van-tabbar v-model="tabbarIndex">
                    <van-tabbar-item icon="home" to="/micro">首页</van-tabbar-item>
                    <van-tabbar-item icon="contact">我的</van-tabbar-item>
                </van-tabbar>
            </div>
        </media>
        <media :query="{minWidth: 768}">
            <footer-nav/>
        </media>
    </div>
</template>

<script>
import Media from 'vue-media';
import Header from '../components/header';
import Footer from '../components/footer';
export default {
    name: 'MinUserPage',
    data () {
        return {
            tabbarIndex: 1
        };
    },
    components: {
        'header-nav': Header,
        'footer-nav': Footer,
        Media
    }
};
</script>

<style>
@import "../assets/css/MinUser.css";
</style>
